/* CSS Document */
body, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, input, img, form, p, span {
    margin: 0;
    padding: 0px;
    font: 14px "??????";
    color: #333;
}
img {
    height: auto;
    max-width: 100%;
}
.container {
    margin: auto;
    width: 1200px;
    padding: 30px 0;
    overflow: hidden;
}
.mo {
    color: #4a9be1;
    font-size: 20px;
    line-height: 20px;
    padding: 20px 0 5px 25px;
    background: rgba(0,0,0,0) url(/images/mo.png) no-repeat scroll left 20px;
}
.mo * {
    color: #4a9be1;
}
.container p {
    font-size: 18px;
    color: #333;
    margin-bottom: 0;
    height: 3px;
    overflow: hidden;
}
.picScroll-left {
    width: 1200px;
    overflow: hidden;
    position: relative;
}
.picScroll-left .hd {
    overflow: hidden;
    height: 20px;
}


.picScroll-left .hd .prev, .picScroll-left .hd .next {
    display: block;
    width: 5px;
    height: 9px;
    float: right;
    margin-right: 5px;
    overflow: hidden;
    cursor: pointer;
    background: url("http://www.shunbanghuanbao.com/images/arrow.png") no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
}
.picScroll-left .hd .next {
    background-position: 0 -50px;
}
.picScroll-left .hd ul {
    float: right;
    overflow: hidden;
    zoom: 1;
    zoom: 1;
}
ul, li {
    list-style: none;
}
.picScroll-left .hd ul li {
    float: left;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background: url("http://www.shunbanghuanbao.com/images/icoCircle.gif") 0 -9px no-repeat;
}
.picScroll-left .hd ul li.on {
    background-position: 0 0;
}
.picScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
}
.picScroll-left .bd ul li {
    margin: 0 5px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}
.picScroll-left .bd ul li .pic {
    text-align: center;
}
.picScroll-left .bd ul li .pic img {
    width: 230px;
    height: 220px;
    display: block;
    padding: 4px;
    border: 1px solid #ccc;
}
.picScroll-left .bd ul li .title {
    line-height: 24px;
}
.picScroll-left{ width:1200px;  overflow:hidden; position:relative; }
.picScroll-left .hd{ overflow:hidden;  height:20px;}

.picScroll-left .hd .next{ background-position:0 -50px;  }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; zoom:1; }

.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }


.picScroll-left .bd ul li .pic img{ width:230px; height:178px; display:block;  padding:4px; border:1px solid #ccc;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
 }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }

